<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <title>新的好男人讨红包详情-情人网红包-玫瑰情人网</title>
  <meta name="description" content="&lt;%=getWords(redBag.BagType,redBag.NickName,redBag.AddDate) %&gt;" />
  <meta name="keywords" content="情人红包,&lt;%=Enum.GetName(typeof(BaseClass.Util.BagType), redBag.BagType)%&gt;,玫瑰情人红包" />
  <link rel="stylesheet" type="text/css" href="../style/hongbao.css" />
  <link rel="stylesheet" type="text/css" href="../style/float.css" />
  <script src="../script/jquery-2.0.0.min.js" type="text/javascript"></script>
  <script type="text/javascript" src="../script/common.js"></script>
  <style type="text/css">
    [v-cloak]{
      display: none;
    }
  </style>
 </head>
 <body>

  <iframe src="./header.html" style='width:100%;height:65px;'></iframe>

  <div id="menu">
   <div class="frame">
    <div class="user_msg">
     <a id="t_msg" class="t_msg" href="javascript:;" rel="nofollow"><i class="i_total"></i></a>
     <a id="t_user" class="t_user" href="javascript:;" rel="nofollow"></a>
    </div>

    <div id="navBd">
     <ul>
      <li><a href="./search.html">女士</a></li>
      <li><a href="./search.html">男士</a></li>
      <li><a href="./yuehui.html">约会</a></li>
      <li><a href="./article.html">故事</a></li>
      <li><a href="./hongbao.html">红包</a></li>
     </ul>
     <div class="move-bg"></div>
    </div>
   </div>
  </div>
  <div class="breadcrumb frame">
   <a href="https://www.mgqr.com/">玫瑰情人</a>
   <em>&gt;</em>
   <a href="https://www.mgqr.com/hongbao/">红包</a>
   <em>&gt;</em>
  </div>
  <div class="frame" id='content' v-cloak>
   <div class="content">
    <dl class="hbinfo">
     <dt>
      {{data.title}}
     </dt>
     <dd class="clear">
      <a href="javascript:;" class="img"><img :src="data.cover" /></a>
      <ul class="user">
       <li><a href="javascript:;" class="n">{{data.name}}</a><span class="sex" :class='[data.gender == 1?"sex1":"sex0"]'></span></li>
       <li>{{data.area}}<i>{{data.age}}岁</i><i>{{data.height}}cm</i></li>
       <li>期望的情人：{{data.want}}</li>
      </ul>
     </dd>
    </dl>
    <div class="hbbody">
     <h4><span class="n">讨红包</span>&nbsp;&nbsp;&nbsp;&nbsp; </h4>
     <div class="say_zf">
      那些年我错我了你，但今天，我不想再错过你的红包! 
     </div>
     <a href="javascript:;" class="post_btn shang_btn" onclick='giveit()'>赏一个</a>
    </div>
   </div>

  </div>
  <iframe src="./footer.html" style='width:100%;height:69px;border:none;'></iframe>

  <script src="../script/jquery.hDialog.js" type="text/javascript"></script>
  <script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17-beta.0/vue.min.js'></script>
  <script type="text/javascript" src='./hongbao.js'></script>
  <script type="text/javascript">

    var giveit = function(){
      $.showLoading("打赏成功~");
      setTimeout(function(){
        $.hideLoading();  
      },1000)
    }

    new Vue({
      el:'#content',
      data:function(){
        return {
          data:{}
        }
      },
      mounted(){
        let id = location.search.split('=')[1];
        console.log(id);
        this.data = hongbao[id];
      }
    })
  </script>

 </body>
</html>